View.vue
<template>
  <h1>图标组件</h1>
  <!-- 注意：图标需要在main.js中引入并注册
            size修改图标的尺寸 color修改图标的颜色
            这里的图标并不是传统的.png或.jpg等图标，是SVG矢量图
            SVG矢量图可缩放、可直接嵌入在html中，任何分辨率下都可以清晰显示-->
  <el-icon size="500px" color="gray"><Watermelon /></el-icon>
  <el-icon size="100px" color="red"><IceTea /></el-icon>
</template>

<script setup>

</script>

<style scoped>

</style>